<html>
    <body>
        <title>Canvas</title>
        <table>
            <tr>
                <td><canvas id="square" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
                <td><canvas id="simailu" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
                <td><canvas id="solargalaxy" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
            </tr>
            <tr>
                <td><canvas id="time" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
                <td><canvas id="mousedect" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
                <td><canvas id="ballcanva" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
            </tr>
            <tr>
                <td><canvas id="picture" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
                <td><canvas id="humancanvas" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
                <td><canvas id="game" width="300" height="300" style="width: 300px; height: 300px;"></canvas></td>
            </tr>
        <var>test</var>
        </table>
    </body>
    <script src='gsap.min.js'></script>
    <script type="text/javascript" src="puppet.js"></script>
    <!-- <script type="text/javascript" src="lecture2.js"></script> -->
</html>